﻿<div class="row">
    <div class="col-lg-21 col-sm-12 col-xs-12">
        <div class="widget flat radius-bordered">
            <div class="widget-header bg-themeprimary">
                <span class="widget-caption">Payment</span>
            </div>
            <div class="widget-body">
                <div class="widget-main">
                    <!--Payment Info-->
                    <div ng-controller="PayOrderController">
                        <p class="text-danger">{{messeger}}</p>
                        <form class="form-horizontal ng-pristine" role="form" ng-if="showFormBitcoin">
                            <div class="row">
                                <div class="col-lg-10 col-sm-10 col-xs-12">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-title">
                                            Provide Form
                                        </div>
                                        <div class="form-group" style="margin-left: 0 !important; margin-right: 0 !important;">
                                            <label></label>
                                            <input class="form-control" style="display:none !important;" ng-model="BitcoinAccount.Amount" placeholder="Amount" type="text" ng-change="doInput(BitcoinAccount)" readonly>
                                        </div>
                                        <div class="form-group" style="margin-left: 0 !important; margin-right: 0 !important;" ng-if="!showQRCode">
                                            <p class="text-align-center"><i class="fa fa-5x fa-circle-o-notch fa-spin"></i></p>
                                        </div>
                                        <div class="form-group" style="margin-left: 0 !important; margin-right: 0 !important;" ng-if="showQRCode">
                                            <label><strong>Step 1:</strong> <br />Send the Bitcoins to the QR code below</label>
                                            <div class="text-align-center">
                                                <qrcode size="220" data="bitcoin:{{BitcoinAccount.Address}}?amount={{BitcoinAccount.Amount}}"></qrcode>
                                                <p class="text-align-center">
                                                    <small>
                                                        {{BitcoinAccount.Address}} <br />
                                                        <i class="fa fa-bitcoin"></i> {{BitcoinAccount.Amount}} =
                                                        <span class="text-warning"><i class="fa fa-usd"></i> {{BitcoinAccount.Fee * BitcoinAccount.Amount}}</span>
                                                    </small>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="form-group" style="margin-left: 0 !important; margin-right: 0 !important;">
                                            <label><strong>Step 2:</strong> <br />Once Bitcoin is sent. Click check payment.</label>
                                        </div>
                                        <div class="form-group" style="margin-left: 0 !important; margin-right: 0 !important;" ng-if="BitcoinAccount.BCTransactionId!=0">
                                            <label for="" class="col-sm-8 col-md-offset-3">
                                                <button type="submit" class="btn btn-blue" ng-click="checkPaymentBitcoin(BitcoinAccount.BCTransactionId)" ng-disabled="processing">Check Payment Now</button>
                                                <i ng-if="processing" class="fa fa-circle-o-notch fa-spin"></i>
                                            </label>
                                        </div>
                                    </form>
                                </div>
                                <!--<div class="col-lg-5 col-sm-5 col-xs-12">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-title">
                                             User Send
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 pull-left">UserName :</label>
                                            <label class="col-sm-4 pull-left">{{UserName}}</label>

                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3  pull-left">FullName :</label>
                                            <label class="col-sm-4 pull-left">{{FullName}}</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3  pull-left">Blockchain Address :</label>
                                            <label class="col-sm-4 pull-left" style="font-size:12px">{{AddressRecieve}}</label>
                                        </div>

                                    </form>
                                </div>-->
                            </div>
                        </form>
                        <script type="text/ng-template" id="Modal">
                            <div class="modal-header">
                                <i class="glyphicon glyphicon-check"></i>
                            </div>
                            <div class="modal-title">{{title}}</div>
                            <div class="modal-body">
                                {{ messeger }}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
                                <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                            </div>
                        </script>
                        <!--Success Modal Templates-->
                        <script type="text/ng-template" id="WarningModal">
                            <div class="modal-header">
                                <i class="glyphicon glyphicon-check"></i>
                            </div>
                            <div class="modal-title">{{title}}</div>
                            <div class="modal-body">
                                {{ messeger }}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
                                <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                            </div>
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
